
@font-face {
    font-family: 'Enhanced LED Board-7';
	src: url('font/enhanced_led_board-7.ttf');
}

@font-face {
	font-family: 'PT Mono';
	src: uar('font/PTM75F.ttf');
}

html, body {
	/*font-family: 'PT Mono', sans-serif;*/
	font-family: 'PT Mono';
    background: rgb(0, 0, 0);
}

.timer {
    /* position: fixed; */
    /* top: 50%; */
	/* left: 0%; */
	position: relative;
    /* transform: translate(0%, 40%); */
    font-size: 350px;
    text-align: center;
    color: #D7ECFF;
    /* text-shadow: 0 0 2px #fff, 0 0 6px #fff, 0 0 10px #fff, 0 0 15px #228DFF, 0 0 25px #228DFF, 0 0 30px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF; */
}

.timeframe {
	position: fixed;
	top: 250px;
	left: 450px;
	width: 1000px;
	height: 350px;
	color: rgb(255, 255, 255);
	/* border: 1px solid; */
}

.hour {
    position: fixed;
    top: 100px;
    left: 1078px;
    color: rgb(255, 255, 255);
    font-size: 100px;
    border: 1px solid;
    border-color: white;
    width: 100px;
    height: 100px;
}

.ampm {
	position: fixed;
	top: 250px;
	left:920px;
	color: rgb(255, 255, 255);
	font-size: 60px;
}

.tempfont {
	font-family: 'Enhanced LED Board-7';
	font-size: 60px;
	font-weight: bold;
}

.tempdecimalfont {
	font-family: 'Enhanced LED Board-7';
	font-size: 35px;
	font-weight: bold;
}

.humfont {
	font-family: 'Enhanced LED Board-7';
	font-size: 30px;
}

.humdecimalfont {
	font-family: 'Enhanced LED Board-7';
	font-size: 25px;
}

.outsidedata {
	position: absolute;
	top: 30px;
	left: 20px;
	color: white;
	width: 180px;
	height: 110px;
	text-align: right;
	/* border: 1px solid;
	border-color: white; */
}

.insidedata {
	position: absolute;
	top: 160px;
	left: 110px;
	color: white;
	width: 180px;
	height: 110px;
	text-align: right;
	/* border: 1px solid;
	border-color: white; */
}

.bedroomdata {
	position: absolute;
	top: 290px;
	left: 20px;
	color: white;
	width: 180px;
	height: 110px;
	text-align: right;
	/* border: 1px solid;
	border-color: white; */  
}

.marcieroomdata {
	position: absolute;
	top: 290px;
	left: 215px;
	color: white;
	width: 180px;
	height: 110px;
	text-align: right;
	/* border: 1px solid;
	border-color: white; */  
}

.temperature {
	position: fixed;
	top: 0px;
	left: 0px;
	color: rgb(255, 255, 255);
	font-size: 100;
	background-image: url('pic/rooms.svg');
	background-size: 78%;
	background-position: bottom 10px left 10px;
	background-repeat: no-repeat;
	width: 500px;
	height: 400px;
}

.fishtank {
	position: fixed;
	top: 0px;
	left: 1470px;
	color: rgb(255, 255, 255);
	/* border: 1px solid; */
	width: 447px;
	height: 800px;
}
